<template>
	<view class="">
		<view class="norungroup">
			<image src="https://ykp-new.oss-cn-hangzhou.aliyuncs.com/client/mine/nogroup.png" mode="widthFix"></image>
			<view class="tips">你还没有加入跑团，快去加入跑团吧</view>
		</view>

		<view class="group">
			<view class="joingroup" @tap="tojoin">加入跑团</view>
			<view class="creategroup" @tap="tomygroup">创建跑团</view>
		</view>
		<navigation></navigation>
	</view>
</template>

<script>
import navigation from '@/components/navigation/navigation.vue';
export default {
	components: {
		navigation
	},
	data() {
		return {};
	},
	methods: {
		tomygroup() {
			uni.navigateTo({
				url: '/pageC/rungroup/myrungroup'
			});
		},
		tojoin() {
			uni.switchTab({
				url: '/pages/discover/discover'
			});
		}
	}
};
</script>

<style lang="less" scoped>
.norungroup {
	width: 500upx;
	margin: 0 auto;
	padding-top: 90upx;
	text-align: center;
	image {
		width: 410upx;
		height: 318upx;
		margin: 0 auto;
		margin-bottom: 50upx;
	}
	.tips {
		color: #333;
		font-size: 28upx;
	}
}

.group {
	display: flex;
	justify-content: center;
	margin-top: 100upx;
	.joingroup {
		width: 260upx;
		height: 72upx;
		border-radius: 36upx;
		border: 2upx solid #e1e1e1;
		box-sizing: border-box;
		font-size: 32upx;
		color: #333333;
		text-align: center;
		line-height: 72upx;
		margin-right: 30upx;
	}
	.creategroup {
		width: 260upx;
		height: 72upx;
		border-radius: 36upx;
		box-sizing: border-box;
		font-size: 32upx;
		color: #ffffff;
		text-align: center;
		line-height: 72upx;
		background-color: #8838d2;
	}
}
</style>
